{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>产品管理</title>
    <meta name="description" content="Responsive, Bootstrap, BS4">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-barstyle" content="black-translucent">
    <link rel="apple-touch-icon" href="{% static '' %}aside/images/logo.png">
    <meta name="apple-mobile-web-app-title" content="Flatkit">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" sizes="196x196" href="{% static '' %}aside/images/logo.png">
    <link rel="stylesheet" href="{% static '' %}aside/css/animate.css/animate.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/glyphicons/glyphicons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/font-awesome/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/material-design-icons/material-design-icons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/ionicons/css/ionicons.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/simple-line-icons/css/simple-line-icons.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/bootstrap/dist/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="{% static '' %}aside/css/styles/app.min.css">
    <link rel="stylesheet" href="{% static '' %}aside/css/styles/font.css" type="text/css">

</head>
<body>
<div class="app" id="app">
<div id="aside" class="app-aside fade nav-dropdown black">
    <div class="navside dk" data-layout="column">
        <div class="navbar no-radius"><a href="/" class="navbar-brand">
            <div data-ui-include="'{% static '' %}aside/images/logo.svg'"></div>
            <img src="{% static '' %}aside/images/logo.png" alt="." class="hide"> <span class="hidden-folded inline">aside</span></a></div>
        <div data-flex class="hide-scroll">
            <nav class="scroll nav-stacked nav-stacked-rounded nav-color">
                <ul class="nav" data-ui-nav>
                    <li class="nav-header hidden-folded m-t"><span class="text-xs">创建商品</span></li>
                    <li><a><span class="nav-caret"><i class="fa fa-caret-down"></i></span> <span class="nav-icon"><i class="ion-plus-circled"></i></span> <span class="nav-text">待发布产品</span></a>
                        <ul class="nav-sub nav-mega nav-mega-3">
                            <li><a href="#"><span class="nav-text">所有待发布(37)</span></a></li>
                            <li><a href="#"><span class="nav-text">发布中(0)</span></a></li>
                            <li><a href="#"><span class="nav-text">发布失败(0)</span></a></li>
                        </ul>
                    </li>
                    <li><a><span class="nav-caret"><i class="fa fa-caret-down"></i></span> <span class="nav-icon"><i class="ion-ios-photos"></i></span> <span class="nav-text">在线产品</span></a>
                        <ul class="nav-sub nav-mega">
                            <li><a href="#"><span class="nav-text">发布中</span></a></li>
                            <li><a href="#"><span class="nav-text">发布失败</span></a></li>

                        </ul>
                    </li>
                    <li><a><span class="nav-caret"><i class="fa fa-caret-down"></i></span> <span class="nav-icon"><i class="ion-checkmark-circled"></i></span> <span class="nav-text">产品模板</span></a>
                        <ul class="nav-sub">
                            <li><a href="#"><span class="nav-text">运费模板</span></a></li>
                            <li><a href="#"><span class="nav-text">服务模板</span></a></li>

                        </ul>
                    </li>
                    <li class="nav-header hidden-folded"><span class="text-xs">主菜单</span></li>
                    <li><a href="#" class="b-danger"><span class="nav-icon text-white no-fade"><i class="ion-filing"></i></span> <span class="nav-text">个人中心</span></a></li>
                    <li><a href="{% url 'erp:order' %}" class="b-accent"><span class="nav-icon text-white no-fade"><i class="ion-android-apps"></i></span> <span class="nav-text">订单管理</span></a></li>
                    <li><a href="#" class="b-success"><span class="nav-icon text-white no-fade"><i class="ion-android-apps"></i></span> <span class="nav-text">产品管理</span></a></li>
                    <li><a href="{% url 'erp:message' %}" class="b-info"><span class="nav-label"><b class="label label-xs rounded danger"></b></span> <span class="nav-icon"><i class="ion-chatbubble-working"></i></span> <span class="nav-text">消息处理</span></a></li>
                    <li><a href="#" class="b-default"><span class="nav-icon"><i class="ion-person"></i></span> <span class="nav-text">客户管理</span></a></li>

                </ul>
            </nav>
        </div>
        <div data-flex-no-shrink>
            <div class="nav-fold dropup"><a data-toggle="dropdown">
                <div class="pull-left">
                    <div class="inline"><span class="avatar w-40 grey">JR</span></div>
                    <img src="{% static '' %}aside/images/a0.jpg" alt="..." class="w-40 img-circle hide"></div>
                <div class="clear hidden-folded p-x"><span class="block _500 text-muted">Jean Reyes</span>
                    <div class="progress-xxs m-y-sm lt progress">
                        <div class="progress-bar info" style="width: 15%"></div>
                    </div>
                </div>
            </a>
                <div class="dropdown-menu w dropdown-menu-scale"><a class="dropdown-item" href="#"><span>个人资料</span></a> <a class="dropdown-item" href="#"><span>设置</span></a> <a class="dropdown-item" href="#"><span>收件箱</span></a> <a class="dropdown-item" href="#"><span>消息处理</span></a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">帮助?</a> <a class="dropdown-item" href="#">退出</a></div>
            </div>
        </div>
    </div>
</div>
<div id="content" class="app-content box-shadow-z2 bg pjax-container" role="main">
<div class="app-header white bg b-b">
    <div class="navbar" data-pjax><a data-toggle="modal" data-target="#aside" class="navbar-item pull-left hidden-lg-up p-r m-a-0"><i class="ion-navicon"></i></a>
        <div class="navbar-item pull-left h5" id="pageTitle">商品管理</div>

        <ul class="nav navbar-nav pull-right">
            <li class="nav-item pos-stc-xs">
                <a class="nav-link clear" id="showSide" data-toggle="tooltip" data-placement="bottom" title="折叠/展开侧栏"><i class="fa fa-dedent fa-fw m-r-xs"></i></a>
            </li>
            <li class="nav-item pos-stc-xs">
                <a class="nav-link clear" data-toggle="tooltip" data-placement="bottom" title="全屏显示" data-ui-fullscreen data-target="fullscreen"><i class="fa fa-expand fa-fw m-r-xs"></i></a>
            </li>
            <li class="nav-item dropdown pos-stc-xs"><a class="nav-link clear" data-toggle="dropdown"><i class="ion-android-notifications-none w-24"></i> <span class="label up p-a-0 danger"></span></a>
                <div class="dropdown-menu pull-right w-xl animated fadeIn no-bg no-border no-shadow">
                    <div class="scrollable" style="max-height: 220px">
                        <ul class="list-group list-group-gap m-a-0">
                            <li class="list-group-item dark-white box-shadow-z0 b"><span class="pull-left m-r"><img src="{% static '' %}aside/images/a0.jpg" alt="..." class="w-40 img-circle"></span> <span class="clear block">新增订单［<a href="#" class="text-primary">78023645468911</a>］<br>
                    <small class="text-muted">10 分钟前</small></span></li>
                            <li class="list-group-item dark-white box-shadow-z0 b"><span class="pull-left m-r"><img src="{% static '' %}aside/images/a1.jpg" alt="..." class="w-40 img-circle"></span> <span class="clear block">产品SKU［32601740388］<a href="#" class="text-primary">缺货</a><br>
                    <small class="text-muted">2 小时前</small></span></li>
                            <li class="list-group-item dark-white text-color box-shadow-z0 b"><span class="pull-left m-r"><img src="{% static '' %}aside/images/a2.jpg" alt="..." class="w-40 img-circle"></span> <span class="clear block">订单［78023645468911］ 有<a href="#" class="text-primary">留言</a><br>
                    <small class="text-muted">1 天前</small></span></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="nav-item dropdown"><a class="nav-link clear" data-toggle="dropdown"><span class="avatar w-32"><img src="{% static '' %}aside/images/a3.jpg" class="w-full rounded" alt="..."></span></a>
                <div class="dropdown-menu w dropdown-menu-scale pull-right"><a class="dropdown-item" href="#"><span>个人档案</span></a> <a class="dropdown-item" href="#"><span>设置</span></a> <a class="dropdown-item" href="#"><span>收件箱</span></a> <a class="dropdown-item" href="#"><span>消息</span></a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">帮助?</a> <a class="dropdown-item" href="#">退出</a></div>
            </li>
        </ul>
    </div>
</div>
<div class="app-footer white bg p-a b-t">


    <div class="pull-right text-sm text-muted"></div>
    <span class="text-sm text-muted">WanFeng &copy; Copyright. Version 4.0.1</span>
</div>

<div class="app-body">

<div class="padding">
<div class="box">

<div class="row p-a">
    <form action="">
    <div class="col-sm-12">
        <div class="box">
            <div class="box-header primary">
                <h3>店铺信息</h3>
                </div>
            <div class="box-body">
                <div class="form-group row">
                    <label for="storeID" class="col-sm-2 form-control-label">店铺名称</label>
                    <div class="col-sm-4">
                        <select name="storeID" id="storeID" class="form-control c-select">
                            <option>--- 选择店铺 ---</option>
                            <option value="148377">happydeal store</option>
                            <option value="194481">hai sen store</option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="storeID" class="col-sm-2 form-control-label">产品分类</label>
                    <div class="col-sm-4">
                        <select name="storeID" id="storeID" class="form-control c-select">
                            <option>--- 选择分类 ---</option>
                        </select>
                    </div>
                    <div class="col-sm-6">
                        <button type="button" class="btn primary" data-target="#modal-selectCategory" data-toggle="modal">选择分类</button>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="col-sm-12">
        <div class="box">
            <div class="box-header primary">
                <h3>属性信息</h3>
                </div>
            <div class="box-body row">
                <div class="col-md-6">
                <div class="form-group row">
                    <label for="storeID" class="col-sm-3 form-control-label">品牌</label>
                    <div class="col-sm-9">
                        <div class="input-group select2-bootstrap-append">
        <select id="single-append-text" class="form-control select2-allow-clear" data-ui-jp="select2" data-ui-options="{theme: 'bootstrap'}">
            <option value="">----选择品牌---</option>
            <optgroup label="常用品牌">
                <option value="AK">Alaska</option>
                <option value="OR">Oregon</option>
                <option value="WA">Washington</option>
                <option value="HI" disabled="disabled">Hawaii</option>
            </optgroup>
            <optgroup label="其他品牌">
                <option value="CA">California</option>
                <option value="NV">Nevada</option>
                <option value="CO">Colorado</option>
                <option value="ID">Idaho</option>
                <option value="CO">Colorado</option>
                <option value="ID">Idaho</option>
                <option value="MT">Montana</option>
                <option value="NE">Nebraska</option>
                <option value="NM">New Mexico</option>
                <option value="ND">North Dakota</option>
                <option value="UT">Utah</option>
                <option value="WY">Wyoming</option>
                <option value="KY">Kentucky</option>
                <option value="LA">Louisiana</option>
                <option value="MN">Minnesota</option>
                <option value="MS">Mississippi</option>
                <option value="MO">Missouri</option>
                <option value="OK">Oklahoma</option>
                <option value="SD">South Dakota</option>
                <option value="TX">Texas</option>
                <option value="TN">Tennessee</option>
            </optgroup>
        </select>
                <span class="input-group-btn">
                <button class="btn btn-default" type="button" data-select2-open="single-append-text"><span class="fa fa-search"></span></button>
                </span></div>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="storeID" class="col-sm-3 form-control-label">材质</label>
                    <div class="col-sm-9">
                        <div class="input-group select2-bootstrap-append">
        <select id="single-append-text" class="form-control select2-allow-clear" data-ui-jp="select2" data-ui-options="{theme: 'bootstrap'}">
            <option value="">----选择材质---</option>

                <option value="CA">California</option>
                <option value="NV">Nevada</option>
                <option value="CO">Colorado</option>
                <option value="ID">Idaho</option>
                <option value="CO">Colorado</option>
                <option value="ID">Idaho</option>
                <option value="MT">Montana</option>
                <option value="NE">Nebraska</option>
                <option value="NM">New Mexico</option>
                <option value="ND">North Dakota</option>
                <option value="UT">Utah</option>
                <option value="WY">Wyoming</option>
                <option value="KY">Kentucky</option>
                <option value="LA">Louisiana</option>
                <option value="MN">Minnesota</option>
                <option value="MS">Mississippi</option>
                <option value="MO">Missouri</option>
                <option value="OK">Oklahoma</option>
                <option value="SD">South Dakota</option>
                <option value="TX">Texas</option>
                <option value="TN">Tennessee</option>
        </select>
                <span class="input-group-btn">
                <button class="btn btn-default" type="button" data-select2-open="single-append-text"><span class="fa fa-search"></span></button>
                </span></div>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="storeID" class="col-sm-3 form-control-label">适用年龄</label>
                    <div class="col-sm-9">
                        <label class="checkbox-inline">
                                        <input type="checkbox" value="option1" class="has-value">
                                        0-12个月</label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" value="option2" class="has-value">
                                        13-24个月</label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" value="option3" class="has-value">
                                        2-4岁</label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" value="option3" class="has-value">
                                        5-7岁</label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" value="option3" class="has-value">
                                        6岁以上</label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" value="option3" class="has-value">
                                        8岁以上</label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" value="option3" class="has-value">
                                        3岁以上</label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" value="option3" class="has-value">
                                        3岁以下</label>
                                    <label class="checkbox-inline">
                                        <input type="checkbox" value="option3" class="has-value">
                                        14岁以上</label>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="storeID" class="col-sm-3 form-control-label">型号</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control"/>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="storeID" class="col-sm-3 form-control-label">属性</label>
                    <div class="col-sm-9">
                        <select name="storeID" id="storeID" class="form-control c-select">
                            <option>--- 请选择 ---</option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="storeID" class="col-sm-3 form-control-label">比例</label>
                    <div class="col-sm-9">
                        <select name="storeID" id="storeID" class="form-control c-select">
                            <option>--- 请选择 ---</option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="storeID" class="col-sm-3 form-control-label">性别</label>
                    <div class="col-sm-9">
                        <select name="storeID" id="storeID" class="form-control c-select">
                            <option>--- 请选择 ---</option>
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="storeID" class="col-sm-3 form-control-label">警告</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control"/>
                    </div>
                </div>
                </div>
                <div class="col-md-6">
                    <div class="box">
                    <div class="box-header">
                        <button class="btn primary" type="button">添加自定义属性</button>
                        </div>

                    <div class="box-body">

                        <div class="row">
                            <div class="col-sm-5">
                                <input type="text" class="form-control" placeholder="属性名－例如：Color"/>
                            </div>
                                <div class="col-sm-5">
                                <input type="text" class="form-control" placeholder="属性值－例如：Red"/>
                            </div>
                            <a class="col-sm-2 pull-right p-t-1" data-toggle="tooltip" data-placement="bottom" title="移除"><i class="fa fa-remove"></i></a>
                        </div>


                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>


    </form>


</div>


<div id="modal-selectCategory" class="modal black-overlay" data-backdrop="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">选择分类</h5>
            </div>
            <div class="p-l-2 p-t-1">
                    <span>未选择分类</span>
                </div>
            <div class="modal-body p-lg row">
                <div class="col-sm-3">
                    <div class="pull-left categoryChooseInDiv" data-level="1" style="display: block;">
                            <div class="serch">
                                <input type="text" class="form-control">
                            </div>
                            <div class="categoryList"><div class="categoryDiv"><span class="categoryNames" categoryid="3" title="服装/服饰配件(Apparel &amp; Accessories)">服装/服饰配件</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="34" title="汽车、摩托车(Automobiles &amp; Motorcycles)">汽车、摩托车</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="66" title="美容健康(Beauty &amp; Health)">美容健康</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="7" title="电脑和办公(Computer &amp; Office)">电脑和办公</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="13" title="家装（硬装）(Home Improvement)">家装（硬装）</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="44" title="消费电子(Consumer Electronics)">消费电子</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="502" title="电子元器件(Electronic Components &amp; Supplies)">电子元器件</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="2" title="食品(Food)">食品</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="1503" title="家具和室内装饰品(Furniture)">家具和室内装饰品</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200003655" title="假发及周边(Hair &amp; Accessories)">假发及周边</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="15" title="家居用品(Home &amp; Garden)">家居用品</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv bgColor5 selectCategoryId"><span class="categoryNames" categoryid="6" title="家用电器(Home Appliances)">家用电器</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="36" title="珠宝饰品及配件(Jewelry &amp; Accessories)">珠宝饰品及配件</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="1501" title="孕婴童(Mother &amp; Kids)">孕婴童</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="39" title="照明灯饰(Lights &amp; Lighting)">照明灯饰</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="1524" title="箱包(Luggage &amp; Bags)">箱包</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="21" title="办公文教用品(Office &amp; School Supplies)">办公文教用品</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="509" title="电话和通讯(Phones &amp; Telecommunications)">电话和通讯</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="30" title="安全防护(Security &amp; Protection)">安全防护</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="322" title="鞋子(Shoes)">鞋子</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200001075" title="其他特殊类(Special Category)">其他特殊类</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="18" title="运动及娱乐(Sports &amp; Entertainment)">运动及娱乐</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="1420" title="工具(Tools)">工具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="26" title="玩具(Toys &amp; Hobbies)">玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200003498" title="旅游及代金券(Travel and Coupon Services)">旅游及代金券</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="320" title="婚礼及重要场合(Weddings &amp; Events)">婚礼及重要场合</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200004360" title="俄罗斯当地图书销售(Books for Local Russian)">俄罗斯当地图书销售</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="1511" title="手表(Watches)">手表</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div></div>
						</div>
                </div>
                <div class="col-sm-3">
                    <div class="pull-left categoryChooseInDiv" data-level="2" style="display: block;">
                            <div class="serch">
                                <input type="text" class="form-control">
                            </div>
                            <div class="categoryList"><div class="categoryDiv"><span class="categoryNames" categoryid="2621" title="手办/可动人形/机器人(Action &amp; Toy Figures)">手办/可动人形/机器人</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001698" title="婴儿玩具(Baby Toys)">婴儿玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001715" title="经典玩具(Classic Toys)">经典玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv bgColor5 selectCategoryId"><span class="categoryNames" categoryid="100001793" title="非遥控类交通工具玩具(Diecasts &amp; Toy Vehicles)">非遥控类交通工具玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200001725" title="娃娃/填充及毛绒玩具(Dolls &amp; Stuffed Toys)">娃娃/填充及毛绒玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200001388" title="电子玩具(Electronic Toys)">电子玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001714" title="益智玩具(Learning &amp; Education)">益智玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200001383" title="模型，积木和拼插玩具(Models &amp; Building Toy)">模型，积木和拼插玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200001384" title="新奇搞怪玩具(Novelty &amp; Gag Toys)">新奇搞怪玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001719" title="户外玩具(Outdoor Fun &amp; Sports)">户外玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200001726" title="拼图/立体拼图/七巧板/数独/魔方(Puzzles &amp; Magic Cubes)">拼图/立体拼图/七巧板/数独/魔方</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200001385" title="遥控玩具(Remote Control)">遥控玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div></div>
                        </div>
                </div>
                <div class="col-sm-3">
                    <div class="pull-left categoryChooseInDiv" data-level="3" style="display: block;">
                            <div class="serch">
                                <input type="text" class="form-control">
                            </div>
                            <div class="categoryList"><div class="categoryDiv"><span class="categoryNames" categoryid="100001741" title="气球(Balloons)">气球</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001766" title="沐浴玩具(Bath Toy)">沐浴玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001737" title="万花筒(Kaleidoscope)">万花筒</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001738" title="魔术玩具(Magic Tricks)">魔术玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001764" title="敲击发声玩具(Noise Maker)">敲击发声玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv bgColor5 selectCategoryId"><span class="categoryNames" categoryid="100001716" title="过家家玩具(Pretend Play)">过家家玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="0"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="2630" title="陀螺(Spinning Top)">陀螺</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="200003295" title="贴纸贴画(Sticker)">贴纸贴画</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100006335" title="发条玩具(Wind Up Toys)">发条玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001736" title="风车(Windmill)">风车</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="2632" title="溜溜球(Yoyo)">溜溜球</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div></div>
                        </div>
                </div>
                <div class="col-sm-3">
                    <div class="pull-left categoryChooseInDiv" data-level="4" style="display: block;">
                            <div class="serch">
                                <input type="text" class="form-control">
                            </div>
                            <div class="categoryList"><div class="categoryDiv"><span class="categoryNames" categoryid="100001742" title="仿真医药箱/医生玩具(Doctor Toys)">仿真医药箱/医生玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001754" title="仿真家具玩具(Furniture Toys)">仿真家具玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001755" title="仿真厨房类玩具(Kitchen Toys)">仿真厨房类玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div><div class="categoryDiv"><span class="categoryNames" categoryid="100001756" title="仿真维修工具玩具(Tool Toys)">仿真维修工具玩具</span><span class="glyphicon glyphicon-chevron-right" data-isleaf="1" style="display:none;"></span></div></div>
                        </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn danger p-x-md" data-dismiss="modal">选择</button>
                <button type="button" class="btn dark-white p-x-md" data-dismiss="modal">关闭</button>

            </div>
        </div>
    </div>
</div>


<footer class="light lt p-a">
    <div class="row">


    </div>
</footer>
</div>
</div>


</div>
</div>
</div>

<style>


    .categoryList{
        padding-left: 10px;
        padding-top: 5px;
    }
    .categoryChooseInDiv {
    width: 100%;
    border: 1px solid #ddd;
    height: 320px;
    overflow-y: auto;
    border-radius: 4px;
    cursor: pointer;
}
</style>

<script src="{% static '' %}aside/scripts/app.js"></script>
</body>
</html>